<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>登录-勇敢地接受任务，然后完成它。</title>
	<link rel="stylesheet" type="text/css" href="loginnight.css">
</head>

<body>

	<div class="container">

		<div class="center">

			<div class="centerbox">

				<div class="header">
					<span style="color:#999999;font-size: 20px;">——————</span>
					<span style="font-size:25px"> 密码登录 </span>
					<span style="color:#999999;font-size: 20px;">——————</span>
					</br></br>
					<span
						style="color:#2863a5;font-size:20px">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp欢迎来到作业提交系统</span>
				</div>

				<div class="ele">
					<form>
						<input type="text" placeholder="&nbsp&nbsp&nbsp你的账号/手机号"
							style="border-color: #a1988d;border-width: 2px;border-radius:10px ; height: 50px ;width: 362px;"
							name="user_name">

						</br></br>

						<input type="password"
							style="border-color: #a1988d;border-width: 2px;border-radius:10px ; height: 50px ;width: 362px;"
							placeholder="&nbsp&nbsp&nbsp密码" name="user_password">

						</br>

						<div class="buttonbox">
							<button class="b1"><span>登录</span></button>
						</div>
				</div>
				</form>
				<div class="other">
					<div class="lj">
						<a href="#" style="text-decoration: none;color:#4377b0;" target="_blank"><span>忘记密码?</span></a>
						&nbsp&nbsp&nbsp
						<span>还没账号?点击这里</span><a href="#" style="text-decoration:none;color:#4377b0;" target="_blank">注册</a>
					</div>
					<br>
					<div class="social">
						<span style="font-size:15px;">社交帐号登录</span>

						<span>

							<span><img src="qq.png"></span>
							<span style="font-size:10px" class="log">QQ账号登录</span>

							<span><img src="wx.png"></span>
							<span style="font-size:10px" class="log">微信账号登录</span>

						</span>
					</div>
					<div style="font-size:20px;color:#babcbd;">—————————————————</div>
				</div>

				<div class="footer">
					<img src="logo.png" class="logo">
					</br></br>
					<div style="color:#848485;font-size:12px;">终于完成了，放松一下吧！</div>
				</div>
			</div>

			<div class="spark">
				<img src="流星2.png" style="color: white;height: 20px;width: 25px;">
				<img src="流星2.png" style="color: white;height: 40px;width: 44px;">
				<img src="流星2.png" style="color: white;height: 13px;width: 15px;">
			</div>

		</div>



		</br></br>
		<div class="bottom">
			<span class="w1">振&nbsp翅&nbsp云&nbsp顶&nbsp之&nbsp上</span>
			</br>
			<span class="w2">极&nbsp目&nbsp星&nbsp辰&nbsp大&nbsp海</span>
		</div>
	</div>

</body>

</html>
